<template>
    <div>
        <template v-if="action == 'table' ">
            <div style="color: rgb(45, 140, 240);">{{value}}</div>
        </template>
        <template v-if="action == 'edit' ">
            <el-date-picker
                    :value="value"
                    type="date"
                    v-on="$listeners"
                    value-format="yyyy-MM-dd"
                    placeholder="选择日期时间">
            </el-date-picker>
        </template>
        <template v-if="action == 'search'">
            <el-date-picker
                    style="width:100%;"
                    :value="value"
                    v-on="$listeners"
                    type="daterange"
                    value-format="yyyy-MM-dd"
                    :start-placeholder="fieldName + '开始'"
                    :end-placeholder="fieldName + '结束'">
            </el-date-picker>
         </template>


    </div>
</template>
<script>
    import base from '../base.js';

    export default {
        extends: base,
        props: {},
        data() {
            return {
                searchModel: 'range',
            }
        },
    }
</script>
<style>
</style>
